<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css后代选择器</title>
 <style type="text/css">
 div h1{
	color:#F0B;
 }
 div span{
	color:#F00;
 }
 div .span-te1{
	color:#00F;
 }
 </style>
 </head>
 <body>
	<div>
		<h1>大话西游</h1>
		hello word!
		<p>
		<span>笑傲江湖</span>
		</p>	
		<span class="span-te1">完美世界</span>
	</div>
 </body>
 </html>